/*
 * @Author: mikey.laopi 
 * @Date: 2019-07-23 21:08:42 
 * @Last Modified by: mikey.laopi
 * @Last Modified time: 2019-08-26 15:40:32
 */
/* Mob style */
@media (max-width: 767px) {
	p{
		font-weight: normal;
	}
	.media_content {
		width: 90%;
	}
	.serve-slide-ul{
		height:270px;
	}
	.serve-slide-li-img .img{
		margin-top:50px;
	}
	.block-con-dd{
		min-height: auto;
	}
	.serveBlock .block-con-more{
		margin-top: 0;
	}
    .namiBar {
        width: 95%;
    }
    .fs-20 {
        font-size: 16px;
        line-height: 2;
    }
    .mb-50{
        margin: 0;
    }
    .postionIco{
        width: 20px;
        height: 20px;
    }
    .postion-shanghai{
        right: 14.5%;
    }
    .postion-beijing {
        right: 25.11%;
        top: 27.8%;
    }
    .videoImg {
        width: 95%;
    }
	.sm-show{
		display:block !important;
	}
    .navbar .container {
        display: block !important;
        justify-content: space-between;
        align-items: center;
    }

    .navbar-nav>li {
        padding: 0 0;
    }

    .navbar-default .navbar-nav>li>a {
        height: 44px;
        line-height: 44px;
        padding: 0;
        color: #165FA8;
        font-size: 14px;
        font-weight: 400;
        margin: 0 15px;
    }

    .navbar-default .navbar-nav>.active>a,
    .navbar-default .navbar-nav>.active>a:focus,
    .navbar-default .navbar-nav>.active>a:hover {
        color: #165FA8;
        border-bottom: 0 none;
        background-color: #f8f8f8;
        margin: 0;
        padding: 0 15px;
    }

    .navbar-default .navbar-collapse {
        background-color: #fff;
        box-shadow: 0 3px 5px rgba(0, 0, 0, .1)
    }

    .navbar-default .navbar-nav>.open>a,
    .navbar-default .navbar-nav>.open>a:focus,
    .navbar-default .navbar-nav>.open>a:hover {
        color: #555;
        background-color: #e7e7e7;
        margin: 0;
        padding: 0 15px;
    }

    #homepage .tofix {
        position: static;

    }

    #homepage .tofix .tabMap-container {
        position: static;
        z-index: 1;
        background: #fff;
    }

    .navbarKemei,
    .navbar-brand {
        height: 60px;
    }

    .navbarKemei .container {
        position: fixed;
        z-index: 99;
        left: 0;
        top: 0;
        right: 0;
        background: #fff;
        box-shadow: 0 1px 10px rgba(0, 0, 0, 0.05);
    }

    .navbar-brand {
        padding: 10px 15px;
    }

    .navbar-toggle {
        margin-top: 12px;
    }

    .navbar-form {
        margin: 0;
        padding: 0;
        border: 0 none;
    }

    /* footer */

    .footer .footer-container {
        display: block;
        width: auto;
        padding: 30px 0;
    }

    .sitemap {
        display: block;
        width: 100%;
        padding: 0 0 10px;
    }

    .sitemap .item {
        width: 100%;
    }

    .sitemap ul {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        font-size: 14px;
    }

    .sitemap H3 {
        padding-left: 10px;
        margin: 10px 0 0;
        font-size: 15px;
    }

    .sitemap li {
        width: 50%;
        padding-left: 20px;
    }

    .contact {
        width: 100%;
        padding: 0 0 10px 0;
        font-size: 14px;
    }

    .contact ul {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .contact li {
        margin: 10px 0;
        width: 100%;
        padding-right: 0;
    }

    .serch-qr {
        padding: 15px;
        margin: 0;
    }

    .serchfot {
        width: 100%;
    }

    .qr {
        width: auto;
        height: auto;
        margin: 10px auto;
        padding: 60px;
    }

    .qrimg {
        width: 150px;
        height: 150px;
    }

    .footer .copyRightBlock {
        padding: 0;
        width: auto;
    }

    .copyRightbar {
        display: block;
        margin: 0 0 20px 0;
        text-align: left;
        font-size: 14px;
        line-height: 30px;
        width: auto;
    }

    .copyRighttxt span {
        display: block;
    }

    .links {
        margin-top: 20px;
    }


    /* 首页 */
    #homepage .banner-title {
        top: 10%;
        font-weight: 400;
    }

    .banner-title {
        margin-left: 0;
        width: 100%;
        font-size: 16px;
        font-weight: 700;
        line-height: 1.5;
        text-align: center;
        left: 0;
        top: 30%;
    }

    .banner-btn {
        position: absolute;
        z-index: 4;
        bottom: 0;
        width: 100%;
        text-align: center;
    }

    .tabMap-ul li span.tit-ico::after {
        width: 20px;
        height: 40px;
    }

    .tabMap-li.active span.tit-ico::after {
        width: 20px;
        height: 40px;
    }

    .tabMap-li:hover span.tit-ico::after {
        width: 20px;
        height: 40px;
    }

    .banner-title span {
        margin: 0;
    }

    .banner-title span.more {
        font-size: 14px;
        border: 1px solid #215496;
        display: inline-block;
        width: auto;
        height: auto;
        line-height: 1.5;
        padding: 0 10px;
        border-radius: 10px;
        margin-top: 10px;
    }

    .banner-btn-ul li.banner-btn-li {
        width: 10px;
        height: 10px;
    }

    #homepage .tabMap-container {
        padding-right: 15px;
        padding-left: 15px;
    }

    .banner-btn-ul {
        bottom: 4px;
    }

    .tabMap-li span.tit-ico {
        margin: 0;
    }

    .tabMap-li span.tit-cn {
        font-size: 16px;
        text-align: left;
    }

    .tabMap-li {
        padding: 8px 5px;
    }

    .tabMap-li span.tit-en {
        font-size: 12px;
        text-align: left;
    }

    #homepage .tabMap {
        min-height: 60px;
    }

    .tabMap-ul li.active span.tit-ico,
    .tabMap-ul .tabMap-li span.tit-ico {
        width: 20px;
        height: 40px;
    }

    .home-slide-ul {
        flex-wrap: wrap;
        display: block;
    }

    .home-slide-li {
        width: 100%;
    }

    .home-slide-li .block-title .tit-cn {
        font-size: 24px;
    }

    .block-con-dt {
        font-size: 18px;
    }

    .block-con-dd {
        font-size: 14px;
    }

    .homeBlock .block-con-dd {
        min-height: auto;
        height: auto;
    }

    .block-con-more {
        display: inline-block;
        font-size: 14px;
        line-height: 1.5;
        color: #fff;
        margin: 5px auto;
        border: 1px solid #fff;
        border-radius: 15px;
    }

    .block-con-more a {
        padding: 10px 30px;
    }

    .home-slide-li .block-title {
		margin-bottom: 10px;
		display:none;
    }

    .serve-slide-btns {
        bottom: 0;
    }

    .serve-slide-li-con {
        width: 50%;
    }

    .serveBlock .block-title .tit-cn {
        font-size: 20px;
    }

    .serveBlock .block-title {
        margin: 10px;
        bottom: -20px;
        width: auto;
    }

    .serveBlock .block-title .tit-en {
        font-size: 14px;
    }

    .serveBlock .block-title .tit-line {
        margin-top: 10px;
    }

    .serveBlock .block-con-dd {
        margin-top: 0;
        font-size: 14px;
        line-height: 1.5;
    }

    .serveBlock .block-con-dl {
        width: 80%;
    }

    .serve-slide-btns-ol {
        margin-left: -30%;
    }

    .serve-slide-btns-ol li.serve-slide-btns-li {
        margin: 0 5px;
    }

    .weGROW .serve-slide-li-con {
        top: 10%;
        bottom: 0;
        left: 10px;
        right: 10px;
        width: 60%;
    }

    .weGROW .serve-slide-li-con .block-con-dd {
        font-size: 14px;
        line-height: 1.5;
        min-height: auto;
        height: 80px;
        overflow: hidden;
    }

    .weGROW .serve-slide-li-con .block-con-dl {
        width: 90%;
    }

    .weGROW .block-con-more {
        margin-left: 20px;
        margin-right: 20px;
    }

    .newsBlock {
        margin: 10px 0;
    }

    .newsBlock .block-title {
        margin: 0 20px;
    }

    .newsBlock .block-title .tit-cn {
        font-size: 22px;
        line-height: 1.5;
    }

    .newsBlock .block-title .tit-en {
        font-size: 14px;
        line-height: 1.5;
    }

    .newsBlock .block-title .tit-line {
        margin-top: 10px;
    }

    .newsBar-con {
        margin: 10px 0 30px 0;
        display: block;
    }

    .newsBar {
        width: auto;
    }

    .news-left,
    .news-right {
        width: auto;
    }

    .news-left-img {
        width: 100%;
    }

    .news-left-con {
        width: auto;
        margin: 10px 20px;
        padding: 0;
    }

    .news-left-con-tit {
        font-size: 18px;
        padding: 5px 0;
    }

    .news-left-con-txt {
        font-size: 14px;
    }

    .news-left-con-more {
        font-size: 14px;
        padding: 0;
    }

    .news-right {
        padding: 0;
        margin: 10px 20px;
    }

    .news-scoll-li-date {
        font-size: 14px;
    }

    .news-scoll-li-tit {
        font-size: 16px;
        height: auto;
        padding: 5px 0;
    }

    .news-scoll-li-con {
        font-size: 14px;
        height: auto;
        overflow: visible;
        white-space: normal;
    }

    .news-scoll-li {
        padding-bottom: 20px;
    }

    .news-scoll-btns {
        display: none;
    }

    .news-scoll-more {
        padding: 0;
    }

    .news-scoll-list {
        height: auto;
        margin: 0;
        margin-top: 40px;
    }

    .news-scoll-ul {
        position: relative;
    }

    .news-scoll-more .block-con-more {
        font-size: 14px;
    }

    .news-scoll-li .arrico {
        top: 30px;
        width: 20px;
        height: 14px;
    }

    .container,
    .newsBar {
        width: 100%;
    }

    .home-slide-li .block-title .tit-en {
        font-size: 14px;
    }

    .breadcrumb {
        padding: 10px;
        margin-bottom: 10px;
    }


    .block-title {
        margin: 0 auto 10px;
        font-size: 0.24rem;
    }

    .block-title .tit-cn {
        font-size: 0.3rem;
    }

    .block-title .tit-line {
        margin-top: 10px;
    }

    .aboutBar {
        background-repeat: repeat;
        padding: 30px 0;
    }

    .aboutImg,
    .valuesBar,
    .futureBar {
        background: #20589F;
        border-radius: 5px;
        width: 95%;
        margin: 0 auto;
        padding: 30px 2%;
    }

    .aboutB_tit {
        width: 100%;
    }

    .aboutImg p {
        font-size: 14px;
        margin: 15px;
    }

    .aboutB_tit b {}

    .aboutB_tit em {
        font-size: 16px;
    }

    .wrapBlock {
        margin-bottom: 20px;
    }

    .teamBar {
        padding-top: 30%;
    }

    .block-tit {
        padding: 10px 0;
        border-radius: 5px;
    }

    .block-tit li b {
        font-size: 20px;
    }

    .block-tit li,
    .block-tit li em {
        font-size: 12px;
    }

    .block-tit,
    .block-p,
    .valuesTit,
    .valuesP,
    .futureTit,
    .futureP {
        width: 98%;
        margin: 0 auto;
		align-items: flex-start;
		
    }
	.bg-white{
		color:#ffffff !important;
	}
    .teamTit .block-tit li,
    .block-tit li em {
        height: 40px;
    }

    .teamBar .teamP {
        margin: 15px;
        font-size: 14px;
        width: auto;
        text-align: justify;
    }

    .valuesTit div {
        margin: 0 0px;
    }

    .block-p p {
        font-size: 16px;
        line-height: 1.8em;
        margin-top: 20px;
    }

    .item-txt .conp {
        font-size: 14px;
    }

    .item-txt {
        height: auto;
    }

    .item-txt .tit {
        font-size: 18px;
    }

    .coreBar {
        padding-top: 30%;
    }

    .coreBar .teamP {
        margin: 15px;
        width: auto;
        text-align: justify;
    }

    .valuesTit img {
        width: 30px;
        height: 30px;
    }

    .valuesTit span {
        font-size: 20px;
    }

    .valuesTit {
        align-items: flex-start;
    }

    .valuesP {
        margin: 15px;
        font-size: 14px;
        width: auto;
        text-align: justify;
    }

    .valuesTit em {
        font-size: 12px;
    }

    .valuesTit img {
        margin-right: 10px;
    }

    .futureBar {
        padding: 20px 0;
    }

    .futureTit {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        align-items: flex-start;
    }

    .futureTit li {
        font-size: 18px;
        line-height: 2;
        align-items: flex-start;
        width: 100%;
        flex: none;
        font-weight: 700;
    }

    .futureTit li i {
        margin: 0 auto 15px auto;
    }

    .futureP {
        font-size: 14px;
        line-height: 2;
        width: auto;
        margin: 15px;
        text-align: justify;
    }

    #TECHNOLOGY .aboutBar {
        padding: 0;
    }

    #TECHNOLOGY .block-p p {
        margin: -10px 0 30px;
    }

    .videoImg .play {
        width: 70px;
        height: 70px;
        margin: -35px 0 0 -35px;
    }

    .item-title {
        padding: 10px 0;
    }

    .item-title .title {
        font-size: 20px;
    }

    .item-p {
        font-size: 14px;
        width: 100%;
    }

    .namiBar .block-tit {
        top: -30px;
        padding: 10px 0 20px;
        display: flex;
        align-items: flex-start;
    }

    .namiBlock .teamP {
        margin: 15px;
        width: auto;
        text-align: justify;
    }

    .severCenter .namiBar .block-tit {
        height: 122px;
    }

    .severCenter .block-tit li {
        height: 100%;
        padding: 0 10px;
    }

    .namiBar .block-tit li.on i {
        bottom: -20px;
    }

    .severCenter .namiBar .block-tit li b {
        font-size: 12px;
    }

    .tablist-ul {
        display: block;
    }

    .tabs-item-con {
        font-size: 14px;
        line-height: 1.8em;
    }

    .teamTitcon-ul p {
        margin-bottom: 0;
    }

    .teamTitcon-ul {
        width: 100%;
        display: block;
        font-size: 14px;
        top: 0;
    }

    .maintainBlock .item-title .title {
        font-size: 18px;
    }

    .maintainBlock .item-p {
        height: 108px;
    }

    .DiseaseBar {
        width: 100%;
    }

    .DiseaseBtns {
        display: none;
    }

    .DiseaseList {
        width: auto;
        margin: 10px;
        display: flex;
        flex-wrap: wrap;
    }

    .btn-prev,
    .btn-next {
        width: 40px;
        height: 40px;
        ;
    }

    #HR_Carousel_1 .DiseaseList .list-ul {
        width: 100%;
        transform: none;
        backface-visibility: visible;
    }

    .DiseaseList .list-ul .list-li {
        width: 100%;
        margin: 10px 0;
    }

    .maintainBlock .item-con {
        margin: 0 5px;
    }

    .hr-slide-con {
        width: auto;
    }

    .hr-slide {
        width: auto;
        margin: 10px;
    }

    .hr-slide-btns {
        z-index: 10;
        padding: 0 10px;
    }

    .hr-slide-btns .prev,
    .hr-slide-btns .next {
        width: 50px;
        height: 50px;
        opacity: 0.8;
    }

    .hr-title .tit-en {
        font-size: 36px;
        margin-top: -60px;
    }

    .hr-tabs-ul {
        width: 100%;
    }

    .hr-tabs-li {
        font-size: 14px;
        line-height: 1.5;
        margin: 0;
        padding: 8px 3px;
    }

    #PRODUCTS .pro_list,
    #PRODUCTS .pro_list .proT_right {
        margin-top: 0;
    }

    #PRODUCTS .proL_tit {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 10px 15px;
    }

    .hrList-li,
    .hrB_con {
        font-size: 14px;
    }

    .proB_left,
    .proB_right {
        display: none;
    }

    .pro_list {
        margin: 10px auto;
    }

    .proT_left h3 {
        font-size: 30px;
    }

    .proT_left span {
        font-size: 12px;
    }

    .proT_right {}

    .proT_right span {
        font-size: 14px;
    }

    .postionMenu-con {
        width: 100%;
        height: auto;
        position: relative;
    }

    .postionMenu-pro img {
        width: 100%;
        height: auto;
    }

    .proB_list {
        width: auto;
        margin: 10px;
        justify-content: space-between;
        flex-wrap: wrap;
        align-items: flex-start;
    }

    .proB_list>ul.item {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        width: 100%;
        flex-wrap: wrap;

    }

    .proB_list>ul.item>li {
        padding: 0 10px;
        width: 100%;
        margin: 15px;
    }

    .proB_list ul li b {
        font-size: 16px;
    }

    .proB_list ul li p {
        font-size: 12px;
    }

    .tabs-item-h2 {
        font-size: 16px;
    }

    .slide-txt {
        font-size: 12px;
        line-height: 1.5;
        height: auto;
    }

    .slide-txt p {
        padding: 10px;
    }

    .tabMap-ul {
        display: block;
    }

    .tabMap-li {
        border-left: 0 none;
        border-bottom: 1px solid #ddd;
        display: flex;
        justify-content: space-between;
    }

    .tabMap-ul li:last-child {
        border-bottom: 0 none;
    }

    .tabMap-li span.tit-con {
        width: 80%;
        text-align: left;
    }

    #PRODUCTS .tabMap-ul,
    #TECHNOLOGY .tabMap-ul {
        width: 100%;
        display: block;
    }

}

@media (max-width: 512px) {
    .namiBar .block-tit li b {
        font-size: 16px;
    }

    .block-p p {
        font-size: 14px;
    }

    .maintainBlock .tablist-ul .item {
        width: 100%;
    }

    .maintainBlock .item-p {
        height: 45px;
        font-size: 14px;
    }

    .page_btn {
        width: 98%;
    }

    .page_btn a {
        font-size: 14px;
    }
}